<!--
 * @Autor: dingxiaolin
 * @Date: 2021-07-18 11:05:13
 * @LastEditors: dingxiaolin
 * @LastEditTime: 2021-07-18 11:46:43
-->
<template>
    <a-tooltip v-if="tooltip">
        <template #title>{{ value }} </template>
        <div class="ellipsis">{{ value }}</div>
    </a-tooltip>
    <div class="ellipsis" v-else>{{ value }}</div>
</template>

<script lang='ts'>
import { defineComponent, reactive, toRefs, ref, computed, watch, onMounted } from 'vue'
import { useRouter } from 'vue-router'
import { useStore } from '@/store'
export default defineComponent({
    name: 'ellipsis',
    components: {},
    props: { value: { default: '' }, tooltip: { default: false } },
    emits: [],
    setup(props, ctx) {
        const router = useRouter()
        const store = useStore()
        const state = reactive({})
        onMounted(() => {})
        return {
            ...toRefs(state)
        }
    }
})
</script>

<style lang='less' scoped>
</style>
